<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>1-1-1</h1>
    <h1>2-2-2</h1>
    <h1>3-3-3</h1>
    <h1>4-4-4</h1>
    <h1>5-5-5</h1>
    <h1>6-6-6</h1>
    <h1>7-7-7</h1>
    <h1>8-8-8</h1>
    <h1>9-9-9</h1>
    <h1>10-10-10</h1>
    <h1>11-11-11</h1>
    <h1>12-12-12</h1>
    <h1>13-13-13</h1>
    <h1>14-14-14</h1>
    <h1>15-15-15</h1>
    <h1>16-16-16</h1>
    <h1>17-17-17</h1>
    <h1>18-18-18</h1>
    <h1>19-19-19</h1>
    <h1>20-20-20</h1>
    <h1>21-21-21</h1>
    <h1>22-22-22</h1>
    <h1>23-23-23</h1>
    <h1>24-24-24</h1>
    <h1>25-25-25</h1>
    <h1>26-26-26</h1>
    <h1>27-27-27</h1>
    <h1>28-28-28</h1>
    <h1>29-29-29</h1>
    <h1>30-30-30</h1>
    <script src="./js/commo.js"></script>
    <script>
        // 监听页面滚动
        // window.addEventListener("mousewheel", function (e) {
        //     console.log(e.wheelDelta)
        // })

        // // 火狐
        // document.addEventListener("DOMMouseScroll", function (e) {
        //     console.log(e.detail)
        // })

        // 综合
        bindEvent(document,"mousewheel", function () {
            console.log(1111)
        })
    </script>
</body>
</html>